import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

export default new Vuex.Store({
    state:{
        count:0,

    },
    mutations:{
        add(state){
            ++state.count;
        },
        addN(state,N){
            state.count+=N;
        },
        sub(state){
            --state.count;
        },
        subN(state,N){
            state.count-=N;
        }
    },
    actions:{
        addAsync(context){
            setTimeout(()=>{
                context.commit('add');
            },1000)
        },
        subAsync(context){
            setTimeout(()=>{
                context.commit('sub');
            },1000)
        }
    },
    getters:{
        showNum(state){
            return '当前最新的数量是'+state.count;
        }
    }
})